﻿@charset "utf-8";
/* 公用样式 */
*{ margin:0; padding:0; outline: none;border: none;}
html{ font-size:53px;background: #fff;}
body{ font-family: "Adobe"; background: #fff; }
a{ text-decoration:none; }
img{ border:0;}
ul,li{ padding:0; margin:0; list-style:none;}
input{background: none}
.clearfix{
    overflow: hidden;
    _height:1px;
}
.fixed{ overflow: hidden; height: 100%; }
.pore{ position: relative; }
.poab{ position: absolute; }
.pofix{position: fixed;}
.top{top:0;}
.bottom{ bottom: 0; }
.flLeft{ float: left; }
.flRight{ float: right; }
.back{ width: 0.76rem; height: 0.76rem; top: 10px; left: 0.1rem; font-size: 0; z-index: 3;}
.back img{width: 0.76rem;}
.fix{ overflow: hidden; height: 100%;}
/* ============================================================
   flex：定义布局为盒模型
   flex-v：盒模型垂直布局
   flex-1：子元素占据剩余的空间
   flex-align-center：子元素垂直居中
   flex-pack-center：子元素水平居中
   flex-pack-justify：子元素两端对齐
   兼容性：ios 4+、android 2.3+、winphone8+
   ============================================================ */
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
/*头部,导航部分,底部*/
/*nav*/
header{width: 7.5rem;height: 0.5rem;background: #000;color: #fff;font-size: 0.24rem;line-height: 0.5rem;}
header a{color: #fff;font-size: 0.22rem;}
.email img{width: 0.3rem;height: auto;margin-right: 0.1rem;margin-left: 0.3rem;}
.login{margin-left: 0.5rem;}
/*nav*/
nav{height: 0.8rem;background: #fff;}
nav img{width: 0.65rem;height: auto;margin-right: 0.3rem;}
.navright{height: 0.8rem; font-size: 0.24rem;color: #7f7f7f;}
.navright .on{padding:0.05rem; border-radius: 7px;background: #0d6fb8;text-align: center;color: #fff;}
.navright .item{margin-left: 0.1rem;}
.navright .item .mune{position: absolute;z-index: 9;background: rgba(0,0,0,.9);margin-top: 0.3rem;}
.navright .item .mune img{margin-left: 0.1rem;position: absolute;margin-top: -0.18rem;}
footer{height: 3.3rem;background: #434955;position: relative;}
footer .footertop{height: 2.3rem;color: #fff;padding-top: 0.3rem;}
footer .footertop .item {width: 2rem;margin-left: 0.3rem;}
footer .footertop .item p{font-size: 0.24rem;margin-top: 0.05rem;}
footer .footertop .item .title{font-size: 0.32rem;margin-bottom: 0.1rem;}
footer .footertop .item img{width: 0.2rem;height: auto;margin-right: 0.08rem;margin-bottom: -3px;}
footer .footerbt{height: 0.6rem;background: #353b47;position: absolute;z-index: 2;bottom: 0;left: 0;}
.panko{height: 0.6rem;font-size: 0.28rem;color: #868686;line-height: 0.6rem;padding-left: 0.3rem;background: #fff;}
.panko span{color: #f08200;}
